<lv-group lvGutter="16px">
  <lv-popover lvHeader="Title" lvContent="Popover will show when mouse hover." lvFooter="Footer" lvPosition="top" lvAnimationType="slide">
    <button lv-button style="width: 108px; text-align: center;">Top</button>
  </lv-popover>

  <button
    lv-popover
    lvPopoverHeader="Title"
    lvPopoverContent="Popover will show when mouse hover."
    lvPopoverFooter="Footer"
    lvPopoverPosition="bottom"
    lvPopoverAnimationType="slide"
    lv-button
    style="width: 108px; text-align: center;"
  >
    Bottom
  </button>

  <lv-popover lvHeader="Title" lvContent="Popover will show when mouse hover." lvFooter="Footer" lvPosition="left" lvAnimationType="slide">
    <button lv-button style="width: 108px; text-align: center;">Left</button>
  </lv-popover>

  <button
    lv-popover
    lvPopoverHeader="Title"
    lvPopoverContent="Popover will show when mouse hover."
    lvPopoverFooter="Footer"
    lvPopoverPosition="right"
    lvPopoverAnimationType="slide"
    lv-button
    style="width: 108px; text-align: center;"
  >
    Right
  </button>
</lv-group>
